<template>
  <div>
    <h1>兄弟1</h1>
    <el-progress :percentage="percentage" :color="colors" type="dashboard"></el-progress>
  </div>
</template>


<script>
export default {
  data() {
    return {
      colors: [
        { color: "#f56c6c", percentage: 20 },
        { color: "#e6a23c", percentage: 40 },
        { color: "#5cb87a", percentage: 60 },
        { color: "#1989fa", percentage: 80 },
        { color: "#6f7ad3", percentage: 100 },
      ],
    };
  },
  props: {
    percentage: 0,
  },
};
</script>